<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/favicon.ico"/>
    <title>木石年华</title>
    <meta name="keywords" content="木石年华。个人博客,java后端博客,java后端笔记,情感日记,Spring Boot,Spring Cloud,MySQL,Nutz,Hibernate,Shiro,Spring Security,">
    <meta name="description" content="个人博客,个人网站">
    <%
    include("/common/static.html"){}
    %>
    <script type="text/javascript" src="/js/editor/HandyEditor.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/css3.css">
    <link rel="stylesheet" href="/css/context.css">
</head>
<style>
    pre {
        display: block;
        padding: 0px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333;
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 0px solid #ccc;
        border-radius: 0px;
    }
</style>
<body>
<%
include("/common/menu.html"){}
%>
<input type="text" value="2" hidden="hidden" id="page_num">
<div class="con">
    <div class="con">
        <div class="container">
            <div class="context">

                <ul class="route clear">
                    <input type="text" hidden="hidden" class="context_id" value="${article.id}">
                    <li><a href="/article">目录列表</a></li>
                    <li>&nbsp;&gt;&nbsp;</li>
                    <li><span class="ol_span"></span>${article.title}</li>
                </ul>
                <div class="context_top">
                    <em class="title_em" style="color: orangered;font-size: 14px;"></em>
                    <h3 class="title">${article.title}</h3>
                    <div class="context_img">
                        <img src="${article.icon}" class="name_img">
                        <span class="context_name">${article.nickName}</span>
                        <img src="/img/shijian_riji.png" class="time_img">
                        <span class="context_time">${article.createTime}</span>
                        <img src="/img/fangwen_riji.png" class="fangwen_img">
                        <span class="context_fangwen">${article.clickRate}</span>
                        <img src="/img/fenlei_riji.png" class="fangwen_img">
                        <span class="context_fenlei">${decode(article.articleType,"1","技术分型","2","生活点滴","3","更新公告","其他")}</span>

                    </div>
                </div>

                <div class="context_con">
                    ${article.content}
                </div>
                <div class="context_share">
                    <a href="javascript:void(0);"
                       onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;"
                       class="btn_share"><img src="/img/q_zone.png">分享到QQ空间</a>
                </div>
            </div>


            <div class="context_form">
                <!--            <div class="context_input">
                                头像：<a role="button" class="btn_img"><img src="head/touxiang60.png" class="img_user"></a>
                            </div>
                            <div class="context_input">
                                昵称：<input type="text" class="user" placeholder="请输入留言昵称">
                                <span><em>*</em>必填</span>
                            </div>-->
                <div class="context_input">
                    期待您的评论：
                </div>
                <div class="context_input">
                    邮箱：<input type="text" id="text_email" class="email" placeholder="请输入邮箱">
                    <span><em>*</em>&nbsp;你的邮箱不会被公开</span>
                </div>
               <textarea id="editor"></textarea>
                <div class="context_btn">
                    <a role="button" class="btn_tj">确认提交</a>
                </div>
            </div>


            <div class="head">
                <div class="head_close">
                    <a role="button" class="close_btn">
                        <span class="glyphicon glyphicon-remove"></span>
                    </a>
                </div>
                <ul class="head_img clear">

                </ul>
            </div>

            <div class="message_total">
                <img src="/img/liuyan_liuyan.png">
                留言（<em class="message_em">0</em>）
            </div>
            <div class="context_list" style="display: block;">
            </div>

        </div>
    </div>

    <div class="part_5">
        <div class="container">
            <div class="top_label">
                <img src="/img/shengming.png"/>
            </div>
            <%
            include("/common/bottom.html"){}
            %>
        </div>
    </div>
    <!--返回指定-->
    <div class="load">
        <div class="container">
            <div class="container_right clear">
                <a class="fh">
                    <img src="/img/common/top.png"/>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript"  src="/js/context.js"></script>
</html>
